/*基础样式类*/
body {
  width: 6270px;
  height: 2160px;
}
body .centerBoxs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/titleBg.png) top no-repeat;
}
body .top {
  padding: 27px  240px;
  height: 148px;
  background-color: #2d3444b8;
}
body .top .topLeft {
  width: 900px;
}
body .top .topLeft .topLeft_box {
  margin-top: 8px;
  height: 54px;
  line-height: 54px;
  padding: 0 22px;
  font-size: 30px;
  color: #fff;
}
body .top .topLeft .topLeft_box .iconfont {
  color: #FFFFC4;
  font-size: 30px;
}
body .top .topLeft .topLeft_box_border {
  border-right: 1px solid #777d86;
}
body .top .topLeft4 {
  width: 1100px;
}
body .top .topLeft2 {
  width: 980px;
}
body .top .topLeft2 .topLeft_box2 {
  height: 70px;
  padding: 0 22px;
}
body .top .topLeft2 .topLeft_box2 .topLeft_box2_img {
  width: 70px;
  height: 70px;
}
body .top .topLeft2 .topLeft_box2 .topLeft_box2_text {
  padding-left: 22px;
  padding-top: 15px;
}
body .top .topLeft2 .topLeft_box2 .topLeft_box2_text .test_style {
  font-size: 22px;
  color: #fff;
}
body .top .topLeft2 .topLeft_box_border {
  border-right: 1px solid #777d86;
}
body .top .title {
  color: #fff;
  font-weight: bold;
  font-size: 70px;
  text-align: center;
}
body .top .topLeft3 {
  width: 900px;
}
body .top .topLeft3 .layui-progress {
  background-color: #6A6868;
}
body .top .topLeft3 .layui-progress-big,
body .top .topLeft3 .layui-progress-big .layui-progress-bar {
  height: 22px;
  line-height: 22px;
}
body .top .topLeft3 .layui-progress-text {
  line-height: 22px;
  font-size: 14px;
}
body .top .topLeft3 .layui-bg-green {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cec434+0,f6572c+100 */
  background: #cec434;
  /* Old browsers */
  background: -moz-linear-gradient(left, #cec434 0%, #f6572c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cec434 0%, #f6572c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #cec434 0%, #f6572c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cec434', endColorstr='#f6572c', GradientType=1);
  /* IE6-9 */
}
body .center {
  padding: 0 60px 40px;
}
body .center .left_box {
  width: 1170px;
  padding-top: 10px;
}
body .center .center_Box {
  padding: 0 52px;
}
body .center .center_Box .center_Box_bottom {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
body .center .center_Box .center_Box_bottom .center_Box_left {
  position: absolute;
  width: 453px;
  height: 249px;
  left: 0;
  top: -320px;
}
body .center .center_Box .center_Box_top {
  position: absolute;
  top: 188px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 3231px;
  height: 47px;
}
body .center .right_box {
  width: 1170px;
  position: absolute;
  right: 60px;
  top: 157px;
}
body .center .boxStyle {
  padding: 7px 0 0;
  background: url(../images/top.png) center top no-repeat;
}
body .center .boxStyle .box {
  padding: 22px 28px 0;
  border-top: 1px solid #959BA0;
  background-color: #2d3444b8;
}
body .center .boxStyle .box .box_top {
  border-bottom: 1px solid #959BA0;
}
body .center .boxStyle .box .box_top .textBox {
  padding: 30px 0;
}
body .center .boxStyle .box .box_top .textBox .top_icon {
  width: 150px;
  text-align: center;
}
body .center .boxStyle .box .box_top .textBox .top_icon i {
  font-size: 58px;
  color: #fff;
}
body .center .boxStyle .box .box_top .textBox .textBox_style {
  color: #FFFFDF;
  font-size: 58px;
}
body .center .boxStyle .box .box_top .textBox .textBox_style2 {
  color: #A1A0A1;
  font-size: 26px;
  padding-left: 80px;
}
body .center .boxStyle .box .box_top .textBox_style3 {
  color: #A1A0A1;
  font-size: 22px;
}
body .center .boxStyle .box .box_top .textBox_icon {
  padding-top: 5px;
  cursor: pointer;
}
body .center .boxStyle2 {
  padding: 0 0 4px;
  background: url(../images/bottom.png) center bottom no-repeat;
}
body .center .boxStyle2 .tops {
  border-bottom: 1px solid #959BA0;
  background-color: #2d3444b8;
}
body .center .boxStyle2 .tops div {
  height: 92px;
  line-height: 92px;
}
body .center .boxStyle2 .tops div i {
  color: #A1A0A1;
  font-size: 22px;
  padding-left: 26px;
}
body .center .boxStyle2 .tops div .setBtn {
  cursor: pointer;
}
body .center .boxStyle2 .tops .styles {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
body .center .boxStyle2 .tops .styles2 {
  color: #FFFFDF;
  font-size: 30px;
  font-weight: bold;
}
body .center .left_boxs {
  padding: 7px 0 4px;
  background: url(../images/top.png) center top no-repeat;
  position: relative;
  pointer-events: all;
}
body .center .left_boxs .centerBox {
  background-color: #2d3444b8;
  border-top: 1px solid #959BA0;
  border-bottom: 1px solid #959BA0;
}
body .center .left_boxs::after {
  content: "";
  width: 110px;
  height: 4px;
  background: url(../images/bottom.png) no-repeat;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
body .center .tops div {
  height: 40px;
  line-height: 40px;
}
body .center .tops div i {
  color: #A1A0A1;
  font-size: 22px;
}
body .center .tops div .setBtn {
  cursor: pointer;
}
body .center .tops .style {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding-left: 10px;
}
body .center .box_padding {
  padding: 22px 0 0 28px;
}
body .center .box_padding2 {
  padding: 22px 28px 0 0;
}
body .center .box_padding3 {
  padding: 22px 28px 0;
}
body .center .box_padding3_style {
  padding: 0 24px;
  position: relative;
}
body .center .box_padding3_style::after {
  content: "[";
  position: absolute;
  top: -28px;
  left: 0;
  font-size: 80px;
  color: #A1A0A1;
}
body .center .box_padding3_style::before {
  content: "]";
  position: absolute;
  top: -28px;
  right: 0;
  font-size: 80px;
  color: #A1A0A1;
}
body .center .box_padding3_img {
  position: absolute;
  width: 28%;
  height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/dq.png) no-repeat;
  background-size: 100% 100%;
}
body .center .left_boxs_table {
  padding: 0 30px;
  padding-bottom: 22px;
}
body .center .left_boxs_table table {
  width: 100%;
  table-layout: fixed;
}
body .center .left_boxs_table table th {
  border-bottom: 1px solid #878C92;
  height: 50px;
  line-height: 50px;
  color: #878C92;
  font-size: 26px;
  text-align: left;
}
body .center .left_boxs_table table td {
  height: 45px;
  line-height: 45px;
  font-size: 22px;
  color: #fff;
}
body .center .left_boxs_table table td .rightStyle {
  font-size: 22px;
  color: #fff;
}
body .center .left_boxs_table table td .negative {
  font-size: 22px;
  color: #E87C50;
}
body .center .left_boxs_table2 table {
  table-layout: fixed;
  width: 100%;
}
body .center .left_boxs_table2 table td {
  height: 45px;
  line-height: 45px;
  font-size: 22px;
}
body .center .left_boxs_bottomBox {
  border-left: 1px solid #878C92;
  height: 100%;
  width: 195px;
}
body .center .top_img img {
  margin: 0 auto;
}
body .center .formBox {
  padding: 20px 28px 0;
}
body .center .formBox .layui-form-checkbox[lay-skin=primary] {
  line-height: 30px!important;
}
body .center .formBox .layui-form-checkbox[lay-skin=primary] span {
  font-size: 24px;
  color: #fff;
  line-height: 30px;
}
body .center .formBox .layui-form-checkbox[lay-skin=primary] i {
  left: auto;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-top: 4px;
  background-color: transparent;
  color: transparent;
  font-size: 18px;
}
body .center .formBox .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #A4AAB0;
  color: #AC824D;
}
body .center .formBox .layui-form-checked[lay-skin=primary] i {
  border-color: #A4AAB0 !important;
  color: #AC824D;
}
body .center .formBox .formBox_img {
  float: left;
}
body .center .centerBox_center {
  padding: 20px 22px 0;
}
body .center .middleBox_top {
  border: 1px solid #BE6C49;
  height: 50px;
  padding: 0 10px;
  margin-top: 20px;
}
body .center .middleBox_top .middleBox_top_icon {
  line-height: 50px;
}
body .center .middleBox_top .middleBox_top_icon i {
  font-size: 32px;
  color: #BE6C49;
}
body .center .middleBox_top .middleBox_top_icon2 {
  line-height: 50px;
}
body .center .middleBox_top .middleBox_top_icon2 i {
  font-size: 28px;
  color: #A1A0A1;
}
body .center .middleBox_top .middleBox_top_text {
  line-height: 50px;
  color: #FFF96E;
  font-size: 28px;
  padding: 0 20px 0 10px;
}
body .center .middleBox_top .middleBox_top_text2 {
  line-height: 50px;
  color: #A1A0A1;
  font-size: 24px;
  overflow: hidden;
}
body .center .middleBox_bottom {
  margin-top: 10px;
  border: 1px solid #A1A0A1;
  padding: 15px 20px;
}
body .center .middleBox_bottom table {
  width: 100%;
  table-layout: fixed;
}
body .center .middleBox_bottom table th {
  color: #A1A0A1;
  font-size: 30px;
  line-height: 46px;
  text-align: left;
}
body .center .middleBox_bottom table td {
  color: #fff;
  font-size: 20px;
  line-height: 46px;
}
body .center .middleBox_bottom table td div {
  color: #fff;
  font-size: 18px;
  line-height: 46px;
}
body .center .middleBox_bottom table td .tableStyle1 {
  color: #E87C50;
  font-size: 24px;
}
body .center .middleBox_bottom .middleBox_bottom_table {
  height: 215px;
  overflow: auto;
}
body .center .layui-timeline-axis {
  width: 10px;
  height: 10px;
  left: 1px;
  top: 6px;
}
body .center .layui-timeline_text {
  color: #fff;
  font-size: 18px;
  padding: 10px 0;
}
body .center .layui-timeline-item:before {
  top: 6px;
}
body .center .layui-timeline_box {
  border: 1px solid #ACADAF;
  padding: 10px;
}
body .center .layui-timeline_btn {
  height: 30px;
  line-height: 30px;
  border-radius: 25px;
  background-color: #fff;
  color: #595555;
  padding: 0 10px;
}
body .center .layui-timeline_btn2 {
  height: 30px;
  line-height: 30px;
  border-radius: 25px;
  background-color: #E87C50;
  color: #fff;
  padding: 0 10px;
}
body .center .layui-timeline_boxs {
  height: 420px;
  overflow: auto;
  padding-right: 10px;
}
body .center .statusBox .iconfont {
  color: #B37D51;
  font-size: 20px;
}
body .center .statusBox div {
  height: 40px;
  line-height: 40px;
}
body .center .statusBox .layui-progress {
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  position: relative;
  height: 6px;
  border-radius: 0;
  background-color: transparent;
}
body .center .statusBox .layui-progress-bar {
  border-radius: 0;
  height: 20px;
  line-height: 20px;
}
body .center .statusBox .layui-bg-green {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d16f56+0,b08855+30,b08855+100&1+0,0.1+100 */
  background: -moz-linear-gradient(left, #d16f56 0%, rgba(176, 136, 85, 0.73) 30%, rgba(176, 136, 85, 0.1) 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d16f56 0%, rgba(176, 136, 85, 0.73) 30%, rgba(176, 136, 85, 0.1) 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d16f56 0%, rgba(176, 136, 85, 0.73) 30%, rgba(176, 136, 85, 0.1) 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d16f56', endColorstr='#1ab08855', GradientType=1);
  /* IE6-9 */
}
body .f-m-r-170 {
  margin-right: 170px;
}
body .f-h-388 {
  height: 388px;
}
body .f-h-314 {
  height: 314px;
}
body .f-m-r-40 {
  margin-right: 40px;
}
body .f-p-b-25 {
  padding-bottom: 25px;
}
body .f-h-446 {
  height: 446px;
}
body .f-h-514 {
  height: 514px;
}
body .f-m-t-25 {
  margin-top: 25px;
}
body .f-w-1150 {
  width: 1150px;
}
body .f-h-510 {
  height: 510px;
}
body .f-h-362 {
  height: 362px;
}
body .f-h-526 {
  height: 526px;
}
body .f-w-600 {
  width: 600px;
}
body .f-h-170 {
  height: 170px;
}
body .f-border {
  border-bottom: 1px solid #878C92;
}
body .f-w-690 {
  width: 690px;
}
body .f-w-720 {
  width: 722px;
}
body .f-w-740 {
  width: 740px;
}
body .f-w-600 {
  width: 600px;
}
body .f-w-280 {
  width: 280px;
}
body .f-color-A1A0A1 {
  color: #A1A0A1;
}
body .f-p-b-18 {
  padding-bottom: 18px;
}
body .f-h-448 {
  height: 438px;
}
body .f-h-390 {
  height: 390px;
}
body .f-h-440 {
  height: 440px;
}
body .f-h-480 {
  height: 480px;
}
body .f-w-1350 {
  width: 1350px;
}
body .f-h-444 {
  height: 434px;
}
body .f-w-1200 {
  width: 1200px;
}
body .f-w-1250 {
  width: 1250px;
}
body .f-p-l-22 {
  padding-left: 22px;
}
body .f-p-r-22 {
  padding-right: 22px;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #B9BEB9;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #B9BEB9;
}
